.area-view {
    width: 320px;
    padding: 20px;
    border: 1px solid rgb(240, 240, 240);
    .area-list {
        max-height: 200px;
        padding: 10px;
        overflow-y: scroll;
        .area-item {
            position: relative;
            cursor: pointer;
            padding: 5px;
            .area-name {
                width: 100px;
                font-size: 14px;
                padding: 5px;
            }
            .delete-icon {
                position: absolute;
                display: none;
                top: 0;
                left: 116px;
            }
            &:hover .delete-icon {
                display: inline;
                z-index: 2;
                color: red;
            }
        }

    }
    .selected-area {
        color: #1890ff;
    }
}

